<template>
  <div class="my">
    <div class="myinfo">
      <img class="img" @click="toLogin" :src="avator" alt="" />
      <div @click="toLogin">
        <p>{{ userInfo.nickName }}</p>
        <p v-if="userInfo.nickname">点击登录</p>
        <p v-else>微信用户</p>
      </div>
    </div>
    <div class="iconlist">
      <div @click="goTo(item.url)" v-for="(item, index) in listData" :key="index">
        <span class="iconfont" :class="item.icon"></span>
        <span>{{ item.title }}</span>
      </div>
    </div>
  </div>
</template>

<script>
import { toLogin, login } from '@/utils'
export default {
  mounted() {
    // 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.record" 这个 scope
    if (login()) {
      this.userInfo = login()
      console.log(this.userInfo)
      this.avator = this.userInfo.avatarUrl
    }
  },
  created() {},
  data() {
    return {
      avator: 'http://yanxuan.nosdn.127.net/8945ae63d940cc42406c3f67019c5cb6.png',
      allcheck: false,
      Listids: [],
      userInfo: {},
      listData: [
        {
          title: '我的订单',
          icon: 'icon-unie64a',
          url: '',
        },
        {
          title: '优惠券',
          icon: 'icon-youhuiquan',
          url: '',
        },
        {
          title: '我的足迹',
          icon: 'icon-zuji',
          url: '',
        },
        {
          title: '我的收藏',
          icon: 'icon-shoucang',
          url: '/pages/collectlist/main',
        },
        {
          title: '地址管理',
          icon: 'icon-dizhiguanli',
          url: '/pages/address/main',
        },
        {
          title: '联系客服',
          icon: 'icon-lianxikefu',
          url: '',
        },
        {
          title: '帮助中心',
          icon: 'icon-bangzhuzhongxin',
          url: '',
        },
        {
          title: '意见反馈',
          icon: 'icon-yijianfankui',
          url: '/pages/feedback/main',
        },
      ],
    }
  },
  components: {},
  methods: {
    goTo(url) {
      if (toLogin()) {
        // wx.navigateTo({
        //   url: url,
        // })
      }
    },
    toLogin() {
      if (!this.userInfo.avatarUrl) {
        // wx.navigateTo({
        //   url: '/pages/login/main',
        // })
      }
    },
  },
  computed: {},
}
</script>
<style lang='scss' scoped>
@import './style';
</style>
